<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>03_选择器-伪类选择器-动态伪类选择器</title>

        <style>
            /* 未访问之前 */
            a:link {
                color: red;
            }

            /* 鼠标悬停时候展示的样式 */
            a:hover {
                color: green;
            }

            /* 鼠标点击 */
            a:active {
                color: coral;
            }

            /* 鼠标点击之后 */
            a:visited {
                color: sk;
            }
        </style>

    </head>
    <body>
        <!-- a标签 
            1.未访问之前
            2.鼠标移入
            3.鼠标点击
            4.鼠标点击之后
        -->

        <a href="http://www.atguigu.com">尚硅谷</a>
    </body>
</html>